.firstline{
  background-color:1ABC9C;
  position:right;
  font-size:30px;
  padding:0px;
  padding-left:6px;
  padding-bottom:6px;
  margin:0px;
  width:auto;
  height:40px;
}

.lastline{
  background-color:#FFF;
  position:absolute;
  font-size:20px;
  bottom:0px;
  width:95%;
  height:25px;
  padding:0;
  text-align:left;
  text-shadow:#333333;
}

.app-container {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  top: 45px;
  bottom: 25px;
  left: 0;
  right: 0;
  overflow: visible;
  background-color:1ABC9C;
  box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
  margin: 10px;
}

.main {
  position: absolute;
  top: 8px;
  bottom: 8px;
}

.blockly-panel {
  left: 8px;
  right: 382px;
  box-shadow: 0 1px 4px rgba(0,0,0,.37);
}

.output-panel {
  right: 8px;
  width: 350px;
  height: 350px;
  background-color: white;
  overflow: scroll;
  padding: 8px;
  box-shadow: 0 1px 4px rgba(0,0,0,.37);
}

.output-panel-natural {
  right: 8px;
  width: 350px;
  top : 380px;
  background-color: white;
  overflow: scroll;
  padding: 8px;
  box-shadow: 0 1px 4px rgba(0,0,0,.37);
}

.dropdown-bar {
  display: block;
  font-family: sans-serif;
  font-size: 16px;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
}

.languageDropdownClass {
  border: 0;
  background-color: transparent;
  font-size: 16px;
  outline: none;
}

#im-just-an-underline {
  border-bottom: 1px solid;
  display: inline;
  padding-right: 5px;
}

.POps {
  height: 1px;
  border: 0;
  background-color: rgba(0,0,0,.2);
}

.play-button {
  position: absolute;
  bottom: 48px;
  right: 24px;
  border-radius: 100%;
  color: white;
  width: 56px;
  height: 56px;
  line-height: 56px;
  box-shadow: 0 1px 4px rgba(0,0,0,.37);
  transition: box-shadow .3s ease-in-out;
  text-align: center;
  font-weight: 500;
  background-color: rgba(52,152,219,.8);
  cursor: pointer;
}

.play-button:hover {
  box-shadow: 0 2px 2px rgba(0,0,0,.2),0 6px 10px rgba(0,0,0,.3);
  transition: box-shadow .3s ease-in-out;
}

.but-not-that-pretty {
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Buttons */
/*
  padding inside
  margin outside
*/
button {
  margin: 3px;
  padding: 5px ;
  border-radius: 4px;
  border: 1px solid #ddd;
  font-size: large;
  background-color: #eee;
  color: #000;
}
button.space{
  position:relative;
  right:6px;
  float:right;
}
button.primary {
  border: 1px solid #dd4b39;
  background-color: #dd4b39;
  color: #fff;
}
button.primary>img {
  opacity: 1;
}
button>img {
  opacity: 0.6;
  vertical-align: text-bottom;
}
button:hover>img {
  opacity: 1;
}
button:active {
  border: 1px solid #888 !important;
}
button:hover {
  box-shadow: 2px 2px 5px #888;
}
button.disabled:hover>img {
  opacity: 0.6;
}
button.disabled {
  display: none;
}
button.notext {
  font-size: 10%;
}
.icon21 {
  height: 21px;
  width: 21px;
  background-image: url(media/icons.png);
}
.trash {
  background-position: 0px 0px;
}
.link {
  background-position: -21px 0px;
}
.run {
  background-position: -42px 0px;
}

.lastline{
  font-size: 40%;
}

body,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,table,tr,th,td,p,input,dl,dt,dd,ul,ol,li,input,textarea { font-family:"微软雅黑"!important;}
